<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城首页</title>
    <link rel="stylesheet" href="css/index.css">
    <!-- 重置样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 轮播样式 -->
    <link rel="stylesheet" href="./libs/swiper-bundle.min.css">
    <link rel="stylesheet" href="./libs/font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="navTop">
            <img class="nav-prev" src="./img/top.webp">
            <div class="nav">
                <div class="container">
                    <ul class="nav-ul nav-left clearfix">
                        <li><a href="">首页</a></li>
                        <li><a href="">华为官网</a></li>
                        <li><a href="">花粉俱乐部</a></li>
                        <li><a href="">V码(优购码)</a></li>
                        <li><a href="">企业购</a></li>
                        <li><a href="">Select Region</a></li>
                        <li class="caidan">
                            <a href="" class="xiala">更多精彩
                                <span class="iconfont icon-xiala"></span>
                                <span class="iconfont icon-shangla"></span>
                            </a>
                            <ul class="catalog">
                                <li><a href="">HarmonyOS</a></li>
                                <li><a href="">应用市场</a></li>
                                <li><a href="">华为市场云空间</a></li>
                                <li><a href="">开发者联盟</a></li>
                            </ul>
                        </li>

                    </ul>
                    <ul class="nav-ul nav-right clearfix">
                        <li>
                            <section>
                                <span class="name">欢迎：王竹君</span>
                                <span class="out">退出</span>
                                <a href="./html/login.html" class="login">请登录</a>
                            </section>
                        </li>
                        <li><a href="">注册</a></li>
                        <li><a href="">我的订单</a></li>
                        <li class="caidan">
                            <a href="" class="xiala">客服
                                <span class="iconfont icon-xiala"></span>
                                <span class="iconfont icon-shangla"></span>
                            </a>
                            <ul class="catalog">
                                <li></li>
                                <li></li>
                            </ul>
                        </li>
                        <li class="caidan">
                            <a href="" class="xiala">网站导航
                                <span class="iconfont icon-xiala"></span>
                                <span class="iconfont icon-shangla"></span>
                            </a>
                            <ul class="catalog">
                                <li>
                                    <span class="iconfont icon-zhuye1"></span>
                                    <p>商城首页</p>
                                </li>
                                <li>
                                    <div>
                                        <h4>频道</h4>
                                        <a href="">华为专区</a>
                                        <a href="">教育优惠</a>
                                        <a href="">企业购</a>
                                        <a href="">HarmonyOS</a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <h4>产品</h4>
                                        <span>
                                            <a href="">手机</a>
                                            <a href="">平板</a>
                                            <a href="">智能家居</a>
                                            <a href="">耳机音响</a>
                                            <a href="">生态产品</a>
                                        </span>
                                        <span>
                                            <a href="">电脑</a>
                                            <a href="">平板</a>
                                            <a href="">智能家居</a>
                                            <a href="">耳机音响</a>
                                            <a href="">生态产品</a>
                                        </span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <h4>增值服务</h4>
                                        <span>
                                            <a href="">以旧换新</a>
                                            <a href="">一口价换电池</a>
                                            <a href="">穿戴延保</a>
                                            <a href="">活动公告</a>
                                        </span>
                                        <span>
                                            <a href="">补够保证</a>
                                            <a href="">音频延保</a>
                                            <a href="">智慧屏全质保</a>
                                        </span>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <h4>会员</h4>
                                        <a href="">会员频道</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="caidan">
                            <a href="" class="xiala">手机版
                                <span class="iconfont icon-xiala"></span>
                                <span class="iconfont icon-shangla"></span>
                            </a>
                            <ul class="catalog">
                                <li><a href=""><img src="img/shouji1.png"></a></li>
                                <li><a href=""><img src="img/shouji2.png"></a></li>
                                <li><a href=""><img src="img/shouji3.png"></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="navBottom">
            <div class="container">
                <div class="logo"><a href=""><img src="img/logo.png"></a></div>
                <ul class="clearfix">
                    <li><a href="">华为专区</a></li>
                    <li><a href="">鸿蒙智联</a></li>
                    <li><a href="">莫塞尔</a></li>
                    <li><a href="">华为智选</a></li>
                    <li><a href="">HarmonyOS</a></li>
                    <li><a href="">特惠采企</a></li>
                    <li><a href="">教育购</a></li>
                </ul>
                <div class="search">
                    <span class="iconfont icon-sousuo"></span>
                    <input type="text" placeholder="搜一搜">
                </div>
                <a href="./html/cart.html">
                    <div class="cart">
                        <span class="iconfont icon-gouwuchekong"></span>
                        <em>0</em>
                    </div>
                </a>
            </div>
        </div>
    </header>
    <!-- 楼层 -->
    <ul class="floor1">
        <li>新品</li>
        <li>限时秒杀</li>
        <li>限时购</li>
        <li>手机</li>
        <li>电脑</li>
    </ul>
    <ul class="floor2">
        <li><a href=""><span class="iconfont icon-erji"></span>
                <p>在线客服</p>
            </a></li>
        <li><a href=""><span class="iconfont icon-hua"></span>
                <p>自助服务</p>
            </a></li>
        <li><span class="iconfont icon-huidaodingbu"></span>
            <p>回到顶部</p>
        </li>
    </ul>
    <!-- 轮播 -->
    <div id="banner">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/banner1.webp" alt=""></div>
                <div class="swiper-slide"><img src="img/banner2.webp" alt=""></div>
                <div class="swiper-slide"><img src="img/banner3.webp" alt=""></div>
                <div class="swiper-slide"><img src="img/banner4.webp" alt=""></div>
                <div class="swiper-slide"><img src="img/banner5.webp" alt=""></div>
                <div class="swiper-slide"><img src="img/banner6.webp" alt=""></div>
                <div class="swiper-slide"><img src="img/banner7.webp" alt=""></div>
                <div class="swiper-slide"><img src="img/banner8.webp" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <div class="menu">
            <ul class="left">
                <li class="active">
                    <a href="">电脑</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">平板</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">智慧屏</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">穿戴</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>

                <li>
                    <a href="">耳机音响</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">门锁路由</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">配件</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">生态产品</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">家用电器</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">美食酒饮</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
                <li>
                    <a href="">增值服务/企业商用</a>
                    <span class="iconfont icon-lunboyoufangun"></span>
                </li>
            </ul>
            <!-- 选项卡 -->
            <div class="content">
                <div class="show">
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>Mate系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>P系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>Nova系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>畅想系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>华为认证二手机</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>MateBOOK X系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>MateBOOK 系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>MateBOOK D系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>MateBOOK E系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>商用电脑</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>显示器</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>台式机</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x3.webp">
                                <span>打印机</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>配件</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>电脑包</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>MatePad Pro系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>MatePad系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x3.webp">
                                <span>墨水平板</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>MateBOOK E系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>M系列和畅想平板</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>商用平板</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>配件</span>
                            </a>
                        </li>
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>智慧屏V Pro</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>智慧屏V系列</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>华为智慧屏 SE MEMC</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>华为智慧屏 SE</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>智慧屏S系列</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>商用智慧屏</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>配件</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>办公写作大屏</span>
                            </a>
                        </li>
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>真无线耳机</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>有线耳机</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>智能眼镜</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>颈戴式耳机</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>蓝牙音箱</span>
                            </a>
                        </li>

                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>商用智慧屏</span>
                            </a>
                        </li>
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>

                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>华为智能门锁</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>精品路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>移动路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>全屋WIFI</span>
                            </a>
                        </li>
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>充电器&线材</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>移动电源</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>自拍杆&支架</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>摄像机&镜头</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>保护壳</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>华为智能门锁</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>精品路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>移动路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>全屋WIFI</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>全屋WIFI</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>华为智能门锁</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>精品路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>移动路由</span>
                            </a>
                        </li>
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x9.webp">
                                <span>运动健身</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>健身保健</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>个护美妆</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>智能家装</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>影音娱乐</span>
                            </a>
                        </li>

                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>华为智能门锁</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>精品路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>数码周边</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x9.webp">
                                <span>医疗保健</span>
                            </a>
                        </li>
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>扫地清洁</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>空气净化器</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>厨电卫浴</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>净化器&热水器</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>医疗保健</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>智能门锁</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>精品路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x3.webp">
                                <span>加湿&除湿&取暖</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x9.webp">
                                <span>精选水杯</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>台灯&落地灯</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>华为智能门锁</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>精品路由</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>数码周边</span>
                            </a>
                        </li>
                        <li class="check-all"><a href=""><span class="iconfont icon-bofang"></span>查看全部</a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x3.webp">
                                <span>甄选美酒</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>严选良食</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>进口生鲜</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>精选好物</span>
                            </a>
                        </li>
                        <li class="check-all"><a href="">
                                <spana class="iconfont icon-bofang"></spana>查看全部
                            </a></li>
                    </ul>
                </div>
                <div>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x2.webp">
                                <span>花币卡</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>音乐会员卡</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>主体卡</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x1.png">
                                <span>视频会员</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>课程服务</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>手机延保</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>平板笔记本延保</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x5.jpg">
                                <span>穿戴音频延保</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>门锁路由延保</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x7.webp">
                                <span>智慧屏全质保</span>
                            </a>
                        </li>
                    </ul>
                    <ul class="option">
                        <li><a href="">
                                <img src="./img/x9.webp">
                                <span>换新/惠修服务</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x8.jpg">
                                <span>商用安防</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.webp">
                                <span>UPS电源</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x6.jpg">
                                <span>会议大屏</span>
                            </a>
                        </li>
                        <li><a href="">
                                <img src="./img/x4.webp">
                                <span>网络设备</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <main>
        <div id="newGoods">
            <div class="container">
                <ul class="newGoods-ul">
                    <li>
                        <a href=""><img src="./img/xin1.png.webp">
                            <p>智能家居</p>
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="./img/xin2.png.webp">
                            <p>影音娱乐</p>
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="./img/xin3.png.webp">
                            <p>AITO汽车</p>
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="./img/xin4.png.webp">
                            <p>超新计划</p>
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="./img/xin5.webp">
                            <p>以旧换新</p>
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="./img/xin6.webp">
                            <p>会员频道</p>
                        </a>
                    </li>
                </ul>
                <div class="xinpin">
                    <a href=""><img src="img/xp1.jpg.webp"></a>
                    <a href=""><img src="img/xp2.jpg.webp"></a>
                    <a href=""><img src="img/xp3.jpg.webp"></a>
                    <a href=""><img src="img/xp4.jpg.webp"></a>
                </div>
            </div>
        </div>
        <div id="seckill">
            <div class="container">
                <h2>限时秒杀</h2>
                <div class="sale">
                    <div>
                        <img src="img/seckill.png" alt="">
                        <p>00:00场</p>
                        <p>距离结束还有</p>
                        <span class="h"></span>:<span class="m"></span>:<span class="s"></span>
                    </div>
                    <div class="skl">
                        <img src="img/skl1.webp">
                        <p>HUAWEI nova 9 SE</p>
                        <p>赠充电器 | 享6期免息</p>
                        <big>¥2199</big><del>¥2399</del>
                    </div>
                    <div class="skl">
                        <img src="img/skl2.png">
                        <p>MateBOOK 14/14s</p>
                        <p>部分版本最高省1000元</p>
                        <big>¥4999</big><del>¥5999</del>
                    </div>
                    <div class="skl">
                        <img src="img/skl3.webp">
                        <p>华为智慧屏 SE</p>
                        <p>限时省900</p>
                        <big>¥2299</big><del>¥3199</del>
                    </div>
                    <div class="skl">
                        <img src="img/skl4.png">
                        <p>dynacare涡轮六叶剃须刀 DT-R...</p>
                        <p>创新六叶刀片，剃须效率提升50%...</p>
                        <big>¥189</big><del>¥259</del>
                    </div>
                </div>
            </div>
        </div>
        <div id="flashSale">
            <div class="container">
                <h2>限时购</h2>
                距结束<span class="h"></span>:<span class="m"></span>:<span class="s"></span>
                <div class="sale">
                    <div>
                        <img src="img/flash1.webp">
                        <p>nova 10 Pro</p>
                        <p>12期免息 | 直降30元 | 赠耳机</p>
                        <big>¥3969</big><del>¥3999</del>
                    </div>
                    <div>
                        <img src="img/flash2.webp">
                        <p>nova 10 Pro</p>
                        <p>12期免息 | 直降30元 | 赠耳机</p>
                        <big>¥3969</big><del>¥3999</del>
                    </div>
                    <div>
                        <img src="img/flash3.webp">
                        <p>nova 10 Pro</p>
                        <p>12期免息 | 直降30元 | 赠耳机</p>
                        <big>¥3969</big><del>¥3999</del>
                    </div>
                    <div>
                        <img src="img/flash4.webp">
                        <p>nova 10 Pro</p>
                        <p>12期免息 | 直降30元 | 赠耳机</p>
                        <big>¥3969</big><del>¥3999</del>
                    </div>
                    <div>
                        <img src="img/flash5.png">
                        <p>nova 10 Pro</p>
                        <p>12期免息 | 直降30元 | 赠耳机</p>
                        <big>¥3969</big><del>¥3999</del>
                    </div>
                </div>
            </div>
        </div>
        <div id="phone">
            <div class="container">
                <div class="top clearfix">
                    <h2>手机</h2>
                    <span><a href="">企业专购区</a></span>
                    <span><a href="">更多 ></a></span>
                </div>
                <div class="bottom">
                    <div>
                        <img src="img/ph1.webp">
                        <p>HUAWEI P50</p>
                        <P>限时直降550元</P>
                        <big>¥4438</big><del>¥4988</del>
                        <p><span>限时直降550元</span><span>限时赠</span><span>赠积分</span></p>
                    </div>
                    <div>
                        <img src="img/ph2.webp">
                        <p><span>享政府补贴</span>HUAWEI P50E</p>
                        <P>直降450 | 政府补贴满3000减150</P>
                        <big>¥3638</big><del>¥4088</del>
                        <p><span>直降450 | 政府补贴满3000减150</span></p>
                    </div>
                    <div>
                        <img src="img/ph3.webp">
                        <p>HUAWEI Mate Xs 2</p>
                        <P>新一代折叠旗舰 现货速发</P>
                        <big>¥9999</big>
                        <p><span>新一代折叠旗舰 现货速发</span></p>
                    </div>
                    <div>
                        <img src="img/ph4.webp">
                        <p><span>新品上市</span>nova 10</p>
                        <P>限时直降30元 | 赠经典耳机</P>
                        <big>¥2969</big><del>¥2999</del>
                        <p><span>限时直降30元 | 赠经典耳机</span></p>
                    </div>
                    <div>
                        <img src="img/ph5.webp">
                        <p><span>新品上市</span>nova 10 Pro</p>
                        <P>12期免息 | 直降30元 | 赠耳机</P>
                        <big>¥3669</big><del>¥3699</del>
                        <p><span>12期免息 | 直降30元 | 赠耳机</span></p>
                    </div>
                    <div>
                        <img src="img/ph6.webp">
                        <p><span>享政府补贴</span>华为畅想 50</p>
                        <P>直降50元 | 政府补贴50元</P>
                        <big>¥1449</big><del>¥1499</del>
                        <p><span>直降50元 | 政府补贴50元</span></p>
                    </div>
                    <div>
                        <img src="img/ph7.webp">
                        <p>HUAWEI P50 Proket</p>
                        <P>限时直降600元</P>
                        <big>¥8388</big><del>¥8988</del>
                        <p><span>限时直降600元</span><span>限时赠</span><span>6期免息</span></p>
                    </div>
                    <div>
                        <img src="img/ph8.webp">
                        <p><span>享政府补贴</span>nova 9</p>
                        <P>赠66W充电器 | 领券再减100</P>
                        <big>¥2549</big><del>¥2899</del>
                        <p><span>赠66W充电器 | 领券再减100</span></p>
                    </div>
                </div>
            </div>
        </div>
        <div id="computer">
            <div class="container">
                <div class="top clearfix">
                    <h2>电脑</h2>
                    <span>
                        <a href="">笔记本</a>
                        <a href="">精品平板</a>
                        <a href="">台式机</a>
                        <a href="">显示器</a>
                        <a href="">电脑配件</a>
                    </span>
                    <span><a href="">更多 ></a></span>
                </div>
                <div class="bottom">
                    <div>
                        <img src="img/cp1.webp">
                        <p><span>立省200元/12代酷睿处理器</span></p>
                        <p><span>新品上市</span>MateBook X Pro 微绒典...</p>
                        <P>微绒金属机身 | 12代酷睿处理器</P>
                        <big>¥11799</big>
                        <p><span>立省200元/12代酷睿处理器</span></p>
                    </div>
                    <div>
                        <img src="img/cp2.webp">
                        <p><span>立省200元/12代酷睿处理器</span></p>
                        <p><span>新品上市</span>MateBook X Pro 12代酷睿</p>
                        <P>3.1K原色全面屏 | 12代酷睿处理器</P>
                        <big>¥9799</big>
                        <p><span>立省200元/12代酷睿处理器</span></p>
                    </div>
                    <div>
                        <img src="img/cp3.png.webp">
                        <p><span>最高省200元/12代酷睿新品</span></p>
                        <p><span>新品上市</span>HUAWEI MateBook 14s</p>
                        <P>12代酷睿标压 | 14.2英寸触控屏</P>
                        <big>¥6899</big>
                        <p><span>最高省200元/12代酷睿新品</span></p>
                    </div>
                    <div>
                        <img src="img/cp4.webp">
                        <p><span>16s 最高省1000</span></p>
                        <p>HUAWEI MateBook 16s</p>
                        <P>12代酷睿标压 | 2.5K高色准触控屏</P>
                        <big>¥6799</big>
                        <p><span>16s 最高省1000</span></p>
                    </div>
                    <div>
                        <img src="img/cp5.webp">
                        <p><span>立省300丨12代酷睿标压</span></p>
                        <p><span>新品预定</span>MateBook D 16</p>
                        <P>12代酷睿标压 | 16英寸护眼屏 | 数字小键盘</P>
                        <big>¥5899</big>
                        <p><span>立省300丨12代酷睿标压</span></p>
                    </div>
                    <div>
                        <img src="img/cp6.webp">
                        <p><span>部分版本最高省1000元</span></p>
                        <p>MateBook 14 12代酷睿</p>
                        <P>12代酷睿 | 2k触控屏 | 超级终端</P>
                        <big>¥4999</big>
                        <p><span>部分版本最高省1000元</span></p>
                    </div>
                    <div>
                        <img src="img/cp7.webp">
                        <p><span>部分版本最高省400</span></p>
                        <p>MateBook D 14 12代酷睿</p>
                        <P>12代酷睿 | 14英寸护眼全面屏 | 超级终端</P>
                        <big>¥4999</big>
                        <p><span>部分版本最高省400</span></p>
                    </div>
                    <div>
                        <img src="img/cp8.webp">
                        <p><span>最高立省300元</span></p>
                        <p><span>享政府补贴</span>MateBook D 15</p>
                        <P>15.6英寸护眼屏 | 微边全面屏 | 轻薄灵动</P>
                        <big>¥4699</big>
                        <p><span>最高立省300元</span></p>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!-- 尾部 -->
    <footer>
        <div class="container">
            <div class="top">
                <span class="iconfont icon-xiexiangbao">百强企业 品质保证</span>
                <span class="iconfont icon-xiexiangbao">7天退货 15天换货</span>
                <span class="iconfont icon-xiexiangbao">48元起免运费</span>
                <span class="iconfont icon-xiexiangbao">200家服务店 全国联保</span>
            </div>
            <div class="middle">
                <div>
                    购物指南
                    <ul>
                        <li>免息分期</li>
                        <li>以旧换新</li>
                        <li>众测活动</li>
                        <li>企业购</li>
                        <li>O2O采购</li>
                    </ul>
                </div>
                <div>
                    售后服务
                    <ul>
                        <li>门店维修</li>
                        <li>保修政策</li>
                        <li>防伪查询</li>
                        <li>退换货政策</li>
                        <li>手机机修服务</li>
                        <li>维修备件间隔查询</li>
                    </ul>
                </div>
                <div>
                    维修与技术支持
                    <ul>
                        <li>服务店</li>
                        <li>预约维修</li>
                        <li>手机寄修</li>
                        <li>备件价格查询</li>
                        <li>上门服务</li>
                    </ul>
                </div>
                <div>
                    特色服务
                    <ul>
                        <li>防伪查询</li>
                        <li>补够保证</li>
                        <li>以旧换新</li>
                        <li>礼品包装</li>
                    </ul>
                </div>
                <div>
                    关于我们
                    <ul>
                        <li>公司介绍</li>
                        <li>华为零售店</li>
                        <li>商家中心</li>
                        <li>意见反馈</li>
                    </ul>
                </div>
                <div>
                    友情链接
                    <ul>
                        <li>华为集团</li>
                        <li>华为CBG官网</li>
                        <li>花粉俱乐部</li>
                        <li>华为云</li>
                        <li>华为应用市场</li>
                    </ul>
                </div>
                <div>
                    <p>950805</p>
                    <p>7 x 24 小时客服热线 (仅收市话费)</p>
                    <a href=""><span class="iconfont icon-erji"></span>在线客服</a>
                    <p>关注VMALL:
                        <span class="iconfont icon-weixin"></span>
                        <span class="iconfont icon-toutiaoyangshi"></span>
                        <span class="iconfont icon-xinlangweibo"></span>
                        <span class="iconfont icon-BaiDu"></span>
                    </p>
                </div>
            </div>
        </div>
    </footer>


    <script src="./libs/require.js" data-main="./js/main"></script>


</body>

</html>